<script lang="ts" setup>
import { ref, onMounted } from 'vue';

const per = ref<number>(0);
onMounted(() => {
  setInterval(() => {
    per.value++;
  }, 1000);
});
</script>

<template>
  <div>
    <mn-progress is-animate :percentage="per"></mn-progress>
    <br />
    <mn-progress is-animate status="success" :stroke-width="20" :percentage="60"></mn-progress>
    <br />
    <mn-progress :time="5000" type="circle" is-animate :percentage="60"></mn-progress>
  </div>
</template>

<style lang="scss" scoped></style>
